import React from 'react';
import { Button } from 'antd';
import styles from './index.less';

var attr = [
  {
    img: require('../img/Group 4 (3).png'),
    title: '软通动力：做有特色的云集成商',
    describe:
      '对于软通动力而言，云业务是现在大力投入的业务领域，更是为了给客户提供优质服务所必须的能力。',
    type: 'one',
  },
  {
    img: require('../img/Group 4 (1).png'),
    title: '【观察】重塑中国云MSP市场格局，软通动力的升势和胜势',
    describe:
      '围绕数据，帮助企业释放数据价值，实现数据与企业业务的紧密融合。',
    type: 'two',
  },
  {
    img: require('../img/Group 4 (2).png'),
    title: '农业产业全链路数字化升级助力乡村振兴',
    describe:
      '推动农业生产智能化、经营网络化、管理数据化、服务在线化，实现农业产业高质量发展',
    type: 'three',
  },
];

export default class extends React.Component {
  render() {
    return (
      <div className={styles.container}>
        <div className={styles.title}>Revelation</div>
        <div className={styles.title2}>蜂启录</div>

        <div className={styles.cards}>
          {attr.map((item, i) => {
            return (
              <div
                className={styles.card}
                style={i == attr.length - 1 ? { marginRight: 0 } : {}}
              >
                <div className={styles.text1}>{item.title}</div>
                <img src={item.img} />
                <div className={styles.text2}>{item.describe}</div>
                <a href={`/journal/journalText?type=${item.type}`} target="_blank">
                <Button
                  type="primary"
                  className={styles.next1}
                  style={{ marginTop: '32px' }}
                >
                  阅读全文
                </Button></a>
              </div>
            );
          })}
        </div>
      </div>
    );
  }
}
